15 Helpful Interesting jQuery Picture Gallery Examples For Web Developers

1. Social Gallery Shortcodes WordPress Plugin

featured image

Social Gallery [shortcodes] is the latest plugin available from Epic Plugins. It has been written to be a hand in hand fit with the Social Gallery Photo Viewer and the Social Gallery add-ons.What is Social Gallery [shortcodes]?

Social Gallery [shortcodes] is an image display plugin, this means it seamlessly links in with image management plugins such as the slider wordpress Media Library or NextGen. The plugin can then be used with any image viewer plugin, such as the awesome Social Gallery, or more standard viewers such as fancybox, or other lightboxes.Gallery Display (greyscale)

where id is the id of your nextgen gallery

WordPress Gallery (colour)

where id is the id of your nextgen gallery

User favourites gallery

It displays you live social stats for each of your images and lets you easily like and comment on images in each gallery. It is also built with the Social Gallery Photo Viewer plugin in mind to enable even greater sharing and liking of your images.Facebook Comments without leaving the gallery

Click the like or comment icon and have the ability to make comments on the images right there on the gallery, simple and easy. Make comments without leaving the gallery

Seamless integration with Social Gallery Photo Viewer

The plugin is built with the Social Gallery Lightbox in mind, a user can click on your image and the likes and comments are displayed to them to allow them to easily make further comments and have extra Social feautures like tweeting and pinning images

Social Gallery [shortcodes] links in with the Lightbox

Requires Social Gallery Lightbox plugin

Compatible with nextgen gallery wordpress demo

The plugin is designed to work with the popular NextGen gallery plugin. Display your nextgen galleries using a simple shortcode based on your NextGen gallery ID.Allowing your users to mark their favourites also gives you the ability to track via the admin panel which images they like along with links to the gallery page they like the image on. Link to gallery

Facebook comments on the gallery without leaving the page

Stats update via jQuery call to Facebook after pure CSS lightbox

Social Gallery Lightbox compatible

WordPress Gallery compatible

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. Justified Image Grid - Premium WordPress Gallery

featured image

The #1 best selling gallery on CodeCanyon

This free responsive wordpress themes gallery plugin aligns your thumbnails into a justified grid using jQuery, like Flickr and script slideshow image search. Make your galleries stand out in an eye-catching and unique new way! Replace the standard wp shortcodes galleries [gallery] as [justified_image_grid] with lots of new features and options. The settings are available to change on a per gallery basis, extending the global settings and presets. #2 Settings and creating a gallery

Automatically align images to a justified gallery keeping their original aspect ratio

NextGEN Gallery (both versions 1 and 2) integration, full support for nested albums and galleries, tag gallery, tag album, recent images, random images (all photos or from a gallery), individual photos, permalinks, custom links, limit, load more or hidden limit is used instead of pagination.Hidden limit – limit the number of thumbs but cycle all gallery images in the lightbox

224 unique settings and shortcode attributes that you can change for each gallery

These are FooBox which is social and responsive + the Social Gallery that allows Facebook/Disqus comments for the pictures. Features simply the best mouse enter/leave animation solution, hoverFlow for jQuery to solve the animation queue buildup

This is one of best gallery plugins out there.This is the best gallery plugin for wordpress.What a beautiful gallery plugin! Lovely work. I have been looking for a gallery for wordpress with these capabilities for an age! Great work Firsh.Perfect and easy! Best (responsive) gallery plugin by far! Great job.I love this gallery plugin….This is the #1 top selling WordPress gallery plugin on CodeCanyon since July 28, 2013!

Link RSS images to their permalink or the image itself (RSS Reader mode or RSS Gallery mode basically)

The ng_random_images now accepts a comma separated list of scrolling image gallery ids to allow random images from multiple galleries. This is useful for sorting by gallery Title A-Z when displaying multiple albums together (next changelog entry) or in the Overview album (all galleries) mode. The ID can be used to sort gallery/subalbum creation order. Added: Using Recent Posts feature, when Click on a thumbnail link to an image (lightbox image gallery of posts), a permalink can be placed in the lightbox as a way to go to the parent post (similar to Flickr, Instagram, RSS backlinks in the lightbox)

Added: Custom text to add before & after each gallery (can be disabled on individual instances)

Improved: jQuery source setting is more aggressive, more compatible and has more options with exact version numbers. Checked: for jQuery v1. Point a thumbnail to open a different picture in the lightbox and still have prev/next arrows

Added: Nextgen random images (display some random images of a gallery or regardless of gallery – the limit is applied after randomization)

Added: Option to display NextGEN gallery/album descriptions between the breadcrumb and the grid

Improved: Flickr feature: If some photos are not shown because they are too small, this is noted after the gallery with instructions to resolve the issue.Bugfix: PHP Fatal error when NextGEN is uninstalled and still trying to show NextGEN content, is now replaced with a friendly error message (NextGEN gallery is not installed/inactive!).Bugfix: The class gallery-caption is no longer added to the parent container of JIG when Carousel and Load More features are used together (preventing Carousel when clicking outside a thumbnail is now solved in an other way)

Added: Flickr link back to the original picture, similar to the ‘Download’ link (in the lightboxes)

All in all this means you can tag WP images, just like NextGEN, and display a gallery based on the tag.Added: Jquery source option: added 5th setting to only change jQuery settings on pages where JIG is used (old themes support)

Bugfix: The Social Gallery’s latest version is recognized in the shortcode editor properly

Added: Take over gallery shortcode – choose between hiding the original WordPress gallery shortcode, replacing it automatically or leaving it alone

Bugfix: SocialGallery bugs – update to at least Social Gallery version 2.Added: If all images have failed to load (likely because of TimThumb permissions), an error is displayed about what to do (It’s a red text like the old jQuery version error)

Added: A setting for slider range jQuery mobile to add link rel external when on mobile device and link rel is auto – this helps images open properly

Improved: The setting overlay_gallery_max changed from 30 to 300 in prettyPhoto to make sure the overlay gallery shows up when required

Bugfix: NextGEN breadcrumb was missing gallery name in v1.Bugfix: A chrome bug when using special effects and a horizontally centered gallery would clip 1px randomly from top and left.5 – February 12, 2013 – User suggested new features, NextGEN core changes, browser and jQuery compatibility bugfixes for the shortcode editor, mobile experience improvements…

Added: NextGEN tags: Tag Gallery and Tag Album mode (tag galleries are also openable in a lightbox, breadcrumbs are also implemented for tags)

Added: NextGEN gallery thumbnails now show the number photos (can be turned off with a new setting)

Added: NextGEN gallery thumbnails can now open the photos in a lightbox instead of creating a new page for them (can be toggled with a new setting)

Social Gallery doesn’t support HTML (links to the file to download)

Improved: NextGEN album and gallery dropdown selectors now include the ID id the shortcode editor

Bugfix: Shortcode Editor: IE: The jQuery .Bugfix: Customized prettyPhoto to be jQuery 1.Improved: PhotoSwipe compatibility – added JIG gallery refresh to the close event and tap x event, so you’ll no longer get ‘Element is too thin’ error when coming back from PhotoSwipe

Updated: jQuery 1.Bugfix: When not using permalinks with NextGEN, galleries will link to the gallery’s own page properly, like original NextGEN – previously only albums did this correctly

call-user-func]: First argument is expected to be a valid callback’ is no longer showing up when keeping the ‘hidden’ WP gallery present under JIG gallery on older versions of WordPress.Updated: More documentation has been included for using the plugin with wordpress gallery template

Bugfix: Shortcode editor no longer generates ng_pics undefined when NextGEN gallery is not installed.Added: Recent posts can link to the images (lightbox) instead of posts – create a flash gallery using flickr recent posts, not a slider

Added: Ability to automatically exclude featured image from the gallery (use the word feature in the exclude field)

Improved: jQuery 1.Improved: Social Gallery V2 compatibility

Bugfix: Fixed a browser crash due to scrollbar appearing and disappearing due to constantly varying gallery height (very rare case but serious)

Bugfix: Sometimes gallery would be invisible when only one row is present and can’t fill the row.Added: Premium lightboxes – FooBox and Social Gallery (purchased separately), dedicated mutual compatibility

More Details

4. Fancy Gallery - jQuery plugin

featured image

Fancy Gallery is a jQuery image rotator that lets you create an extraordinary gallery.You want an own CMS for your galleries? You can use Fancy Gallery – Wordpress plugin and create your galleries.- Inline gallery that supports images, youtube, vimeo and mp4 videos.- Minimum jQuery Version 1.- Working with jQuery 1.- You can enable an additional button in the album selection to view all media of a gallery

More Details

5. Strapslide - Responsive Bootstrap Slider Plugin

featured image

jQuery 1.7 – jQuery 2.Powerful CSS Transitions with jQuery FallBack

More Details

6. Thumbnail Gallery (jQuery Plugin)

featured image

A very customizable jQuery Plugin Thumbnail Gallery, that can be edited from a JSON or XML file. The gallery is completely resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones).Browse the gallery on touchscreen devices using one finger (swipe thumbnails, images or lightbox).You can change background color, image and transparency in the gallery.You can change picture size, background, border, spacing, transparency, .

More Details

7. Complete Gallery Manager for WordPress

featured image

A picture says more than a thousand words

Easier Gallery Management

There is a lot of gallery plugins available for WordPress, some are really good, but we feel that they often lack an easy interface to create and manage multiple galleries.Using Complete Gallery Manager will make it fun and fast to manage and create galleries for your website.Select the Add Gallery menu and enter a name for your gallery and click Publish. Immediately preview your gallery and start tweaking the many different settings. The Isotype Gallery has 188 different settings you can tweak and the touch slider has 146 different settings.Gallery Settings

With Complete Gallery Manager version 3.1 we have introduced a new “Gallery Type”. You can now choose between Isotype Gallery and Touch Slider.With Complete Gallery Manager version 3.You can save templates for both the Isotype Gallery and the Touch Slider.General Settings (Isotype Gallery)

We have added a new feature under General Settings in Complete Gallery Manager 3.0, which lets you easily hide the menu when using the Isotype gallery.Layout Settings (Isotype Gallery)

Choose between 8 different layout modes; Masonry, Fit Rows, Cell by Row, Straight Down, Masonry Horizontal, Fit Columns Layout, Cells by Columns, Straight Across when you select the Isotype Gallery.Gallery Preview (Isotype Gallery)

You have live preview of the gallery while you create it.Gallery Preview (Touch Slider)

Sort Settings (Isotype Gallery)

Use either CSS based filtering or jQuery.Filter Settings (Isotype Gallery)

0 of Complete Gallery Manager and added a new feature called “Combination Filters”.If you enable prettyPhoto (lightbox) for your gallery you can also enable popular social media sharing icons like Facebook, Tweet and Pinterest. This feature is available in both Isotype Gallery and in the Touch Slider.With Complete Gallery Manager version 3.This feature is available in both the Isotype Gallery and in the Touch Slider.With Complete Gallery Manager version 3.We have added 1 new caption styles in Complete Gallery Manager version 3. You now have 22 different styles of captions to choose from when select the Isotype Gallery.Universal Scroll Settings (Isotype Gallery)

You can set how many images you want to load in your Isotype Gallery when it initially loads.0 of Complete Gallery Manager. This feature is available in both the Isotype Gallery and in the Touch Slider.Item Style Settings (Isotype Gallery)

Background Settings (Isotype Gallery)

Change the colors and border of your gallery easily in the Background Settings and make it match the style of your website.Menu Style Settings (Isotype Gallery)

Isotype Gallery with Default Settings

Isotype Gallery with Universal Scroll and PrettyPhoto Image Effect

Isotype Gallery with Flip Captions and PrettyPhoto Image Effect

Isotype Gallery with Push from Top Captions and Click to Next Size Image Effects

Isotype Gallery with Border and Image Radius Effect

Insert Galleries easily with Shortcodes or by using the Add Gallery Icon

Duplicate Galleries in List Gallery view

100% responsive layout in Isotype Gallery (Masonry, Fit Rows, Cells by Row, Straight Down, Masonry Horizontal, Fit Columns, Cells by Column and Straight Across)

Live Preview of Gallery while you create them

Support for Overlay Icons by action in both Isotype Gallery and Touch Slider

Support for Fullscreen (full browser) Isotype Gallery and Touch Slider

Support for Captions in Isotype Gallery (22 different styles)

Support for Social Media buttons (Facebook like, Tweet, Google+ and Pintetest) in both Isotype Gallery and Touch Slider

Support for PrettyPhoto (Lightbox) in both Isotype Gallery and Touch Slider

Support for Combination Filters (multiple categories) in Isotype Gallery

Support for Menu styling, alignment and location in Isotype Gallery

Support for jQuery 1.Bug Fixed: Gallery doesn’t show when you insert it on a page using https

Bug Fixed: Apply fix to reset users if they have problems inserting images in gallery (Options Panel)

New Feature: Isotype Gallery and Touch jQuery image slider to Full Screen.New Feature: Fullscreen (Full Browser) option added for Isotype Gallery and Touch Slider

Bug Fixed: Customers installing Complete Gallery Manager without having a version prior to 3.New Feature: Insert Gallery into other Galleries. When clicking on a cover picture the gallery will open in a new tab

New Feature: It is now possible to “View Gallery” immediately after publishing a gallery.New Feature: Create and Save templates in Complete Gallery Manager.New Feature: Overlay Icons added for each action (prettyPhoto, Link, Pages, Posts, Video, Gallery)

Bug Fixed: Gallery no longer crashes if the gallery is open in the wp-admin and at the same time viewed on the public website (auto save created this problem). The Gallery will now load, but please notice that IE8 has limited support for HTML5 and CSS3

Bug Fixed: Problem with Pinterest not “pinning” the individual picture, but the entire gallery. This has been fixed so that the individual picture is pinned, and when you click the picture on Pinterest it will take you directly back to the image and show it in prettyPhoto (lightbox).Bug Fixed: Gallery Settings not loading when the server is Windows based

This has significantly improved the speed of the gallery.com/projects/prettyphoto-jquery-lightbox-clone/

More Details

8. Google Plus Photo Gallery Plugin

featured image

This javascript plugin allows you to include your own Google Plus Photo Gallery into your own site.· jQuery tecnology

· Show scaled images on website, with wordpress download link to original picture

More Details

9. Mobile jQuery Photos Gallery

featured image

This mobile image gallery is based on the powerful jQuery Mobile framework and is supporting all major mobile platforms (iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Phone 7…).- Powered by jQuery mobile picture gallery (Final 1.- Sleek images gallery

- Powered by jQuery

More Details

10. Spectrum Gallery Plugin

featured image

Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global.It is perfect for portfolio and website image gallery design along with its smooth transitions. Setting up straight away is ridiculously easy, almost every option has a default, the only thing you would need to do is supply the images, and the parent element to which the gallery is appended to. And i mean minimal, the only piece of wordpress recent posts HTML code required to make spectrum work is a single tag, that being the element on which to create the gallery. All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. What you will be left with is a beautiful gallery which fits perfectly all its images. Spectrum can handle multiple tags being searched at the same time, it can also do other magic with tags, such as add an “all” tag, which can also be any text you desire, you can also tell Spectrum which tag to start the gallery on. Also Spectrum can map to the size of its parent element, so if you have implemented responsive design, whenever a different device views the page, the gallery will change size if its parent element changes size. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery. It comes as an jQuery plugin, AMD module or a browser global.Gallery Cover –

Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery. This can be useful when used as a loading screen whilst your gallery images load in the background, and can be set to swipe away as soon as they have loaded. Spectrum has an api which allows you to bind to any kind of event that may happen on any of the gallery images.

More Details

11. jQuery Multiple Scroll Portfolio Gallery

featured image

A slider jQuery plugin help you to display portfolio, which support multiple gallery.Support multiple gallery. Option caption and gallery information block.jQuery OneByOne Slider Plugin:

jQuery http://jquery.

More Details

12. FullScreen Background / Gallery - Image and Video

featured image

It is recommended when the plugin is used as full screen gallery.

More Details

13. Wall/Grid Gallery (jQuery Plugin)

featured image

A very customizable jQuery Plugin, which will allow you to add a grid gallery, that can be edited from a HTML, JSON or XML files. The gallery is completely resizable and is compatible with all browsers and devices (compatible with iOS & Android).You can customize each gallery individually.Browse the gallery on touchscreen devices using one finger (swipe thumbnails or lightbox).You can change background color, image and transparency in the gallery from settings files.You can change picture size, background, border, spacing, transparency, .

More Details

14. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

No-Jquery minimum 15KB javascript code by smart compression.

More Details

15. Lightbox With Transition Effects For HTML / Images

featured image

emloSlightBox is an improved version of the popular Lightbox gallery script. • Compatible with jQuery 1.

More Details

16. ZoomBox Lightbox Variation - jQuery powered

featured image

powered by jQuery

\source – media gallery

Picture 1 and 2 work very smooth but the others not.

More Details